<template>
  <div class="son" style="border: 3px solid #000; margin: 10px">
    我是Son组件
    <p>{{ title }}</p>
    <p>{{ count }}</p>
    <button @click="changeTitle">改变父组件中的值</button>
  </div>
</template>

<script>
export default {
  name: 'Son-Child',
  props: ['title', 'count'],
  methods: {
    changeTitle() {
      // console.log('changeTitle')
      // 1. 子组件通过$emit触发一个自定义事件，在$emit的第二个参数中进行传值
      // this.$emit('自定义的事件名字',传过去的值)
      // 触发自定义事件
      this.$emit('changeValue', '传智教育')
    },
  },
}
</script>

<style>
</style>